 // 二级导航
 $('.li').hover(function() {
     $('.x_sanjiao').eq($(this).index()).css('display', 'block');
     $('.x_list-nav').eq($(this).index()).css('display', 'block')
 }, function() {
     $('.x_sanjiao').eq($(this).index()).css('display', 'none');
     $('.x_list-nav').eq($(this).index()).css('display', 'none');
     $('.x_list-nav').hover(function() {
         $('.x_sanjiao').eq($(this).index()).css('display', 'block');
         $('.x_list-nav').eq($(this).index()).css('display', 'block')
     }, function() {
         $('.x_sanjiao').eq($(this).index()).css('display', 'none');
         $('.x_list-nav').eq($(this).index()).css('display', 'none');
     })
 });
 // 热销促销榜单tab
 // console.log($('.x_popular-main-top b'));
 // console.log($('.x_popular-main-list'));
 $('.x_popular-main-top b').mouseover(function() {
     $(this).addClass('on').siblings().removeClass('on');
     console.log($(this).index());
     console.log(this);
     // 获取点击元素的index,根据index来找到对应的div元素
     $('.x_popular-main-list').eq($(this).index()).addClass('li_show').siblings().removeClass('li_show')
 });
 // 品牌旗舰轮播
 // console.log($('.x_move .left'));
 // console.log($('.x_move .right'));
 // console.log($('.x_move-list'));
 var flagmove = 0
 console.log($('.x_move .right'));
 $('.x_move .right').click(function() {
     if (flagmove == 0) {
         $('.x_move-list').css('left', '0px')
         flagmove = 1;
     } else if (flagmove == 1) {
         $('.x_move-list').css('left', '-1180px')
         flagmove = 0
     }
 })
 $('.x_move .left').click(function() {
         if (flagmove == 0) {
             $('.x_move-list').css('left', '0px')
             flagmove = 1;
         } else if (flagmove == 1) {
             $('.x_move-list').css('left', '-1180px')
             flagmove = 0
         }
     })
     // 浏览记录轮播图
     // console.log($('.x_browsing-list .left'));
     // console.log($('.x_browsing-list .right'));
     // console.log($('.x_browsing-list'));
 $('.x_browsing-list').hover(function() {
     $('.x_browsing-box-show .left').css('display', 'block')
     $('.x_browsing-box-show .right').css('display', 'block')

 }, function() {
     $('.x_browsing-box-show .left').css('display', 'none')
     $('.x_browsing-box-show .right').css('display', 'none')
     $('.x_browsing-box-show>a').hover(function() {
         $('.x_browsing-box-show>a').css('display', 'block')
     }, function() {
         $('.x_browsing-box-show>a').css('display', 'none')
     })
 })
 var falg1 = 0;
 var num = -1200;
 console.log($('.x_yuan'));
 $('.x_yuan').click(function() {
     $(this).addClass('active').siblings().removeClass('active');
     $('.x_browsing-box-show .right').click();
     falg1 = $(this).index() - 1;
 })
 $('.x_browsing-box-show .right').click(function() {
     if (falg1 >= 2) {
         return;
     } else {
         $('.x_browsing-list').css('left', (falg1 + 1) * num + 'px');
         $('.x_yuan').eq(falg1 + 1).addClass('active').siblings().removeClass('active');
         falg1++;
     }
 })
 $('.x_browsing-box-show .left').click(function() {
     if (falg1 <= 0) {
         return;
     } else {
         $('.x_browsing-list').css('left', (falg1 - 1) * num + 'px');
         $('.x_yuan').eq(falg1 - 1).addClass('active').siblings().removeClass('active');
         falg1--;
     }
 });
 // 楼层导航
 console.log($('.x_navigation'));
 // 获取main1主题与上方的偏移量
 var main1offset = $('#x_main').offset().top
 console.log(main1offset);
 $(window).scroll(function() {
     if ($(this).scrollTop() >= main1offset) {
         $('.x_navigation').show()
     } else {
         $('.x_navigation').hide()
     };
     // 每次滚动的距离对所有元素的判定
     $('.floor').each(function(index, value) {
         if ($(window).scrollTop() >= value.offsetTop) {
             $('.item').eq(index).addClass('active').siblings().removeClass('active')
         }
     })
 });
 // 给侧边栏父元素绑定点击事件
 $('.x_navigation>li:last').siblings().click(function(e) {
     // 获取具体的对应楼层的偏移量
     // 真正触发事件的事件源
     var idnexValue = $(e.target).index();
     var topValue = $('.floor').eq(idnexValue + 1).offset().top;
     // 回到设置位上
     $('html').animate({
         scrollTop: topValue
     }, 500)

 });
 $('.x_back-top').click(function() {
     $('html').animate({
         scrollTop: 0
     }, 300)
 });
 // 渲染页面
 $.getJSON('../mock/ShoeBag.json', function(data) {
     // 今日推荐
     var novels1 = $('.x_receive-main1')
     showPage(data[0].ShoeBag[0], novels1);
     // 新品到货
     var novels2 = $('.x_receive-main2')
     showPage(data[0].ShoeBag[1], novels2);
     // 热销榜
     var novels0 = $('.x_popular-main-list');
     showPage(data[0].ShoeBag[2], novels0);

     $('.x_popular-main-top b').mouseover(function() {
         $(this).addClass('on').siblings().removeClass('on');
         var indexValue = $(this).index() + 2;
         showPage(data[0].ShoeBag[indexValue], novels0);
     });

 })

 function showPage(data, novel) {
     // 设置初始值
     var pageDatas = '';
     for (var i = 0; i < data.length; i++) {
         pageDatas += `
        <li>
        <div class="p-img">
            <a href="">
                <img src="${data[i].nowurl}" alt="">
            </a>
        </div>
        <div class="p-name">
            <a href="">${data[i].goods_title}</a>
        </div>
        <div class="p-price">￥ ${data[i].goods_price}</div>
    </li> `
     };
     // 设置到页面上
     novel.html(pageDatas);
 }
 //  侧边栏
 // ----------------侧边栏通用(第一个)------------------------
 var liEs = document.querySelectorAll('#quick_links ul li');
 var ibar_login_box = document.querySelector('.ibar_login_box');
 // console.log(liEs);
 liEs[0].onmouseover = function() {
     ibar_login_box.style.display = 'block';
 }
 liEs[0].onmouseout = function() {
         ibar_login_box.style.display = 'none';
     }
     //---------------侧边栏(下面每一项)------------------------
 var onEle = document.querySelectorAll('.ones');
 var mp_tooltip = document.querySelectorAll('.mp_tooltip');
 // console.log(onEle);
 // console.log(mp_tooltip);
 function side() {
     for (var i = 0; i < mp_tooltip.length; i++) {
         mp_tooltip[i].className = 'mp_tooltip';
     }
 };
 for (var j = 0; j < onEle.length; j++) {
     onEle[j].index = j;
     onEle[j].onmouseover = function() {
         side();
         mp_tooltip[this.index].className = 'mp_tooltip ele';
     }
     onEle[j].onmouseout = function() {
         side();
     }
 }
 // ---------------------------侧边栏右侧出现-------------------
 var shopCart = document.querySelector('#shopCart');
 var ibar_closebtn = document.querySelector('.ibar_closebtn');
 var quick_links_wrap = document.querySelector('.quick_links_wrap');
 shopCart.onclick = function() {
     quick_links_wrap.style.width = '320px';
 }
 ibar_closebtn.onclick = function() {
     quick_links_wrap.style.width = '40px';
 }
 $('.returnTop').click(function(e) {
     $("html").animate({
         scrollTop: 0
     }, 1000);
 });
 var mainOffsetTop = $("#brand").offset().top;
 $(window).scroll(function(e) {
     if ($(window).scrollTop() >= mainOffsetTop) {
         $('.returnTop').addClass('show');
     } else {
         $('.returnTop').removeClass('show');
     }
 });
 $(function() {
         $(window).scroll(function() {
             if ($(window).scrollTop() >= 240) {
                 $('.returnTop').addClass('show');

             } else {
                 $('.returnTop').removeClass('show');
             }
         })
     })
     //  **************js***************************
     // ----------------侧边栏通用(第一个)------------------------
 var liEs = document.querySelectorAll('#quick_links ul li');
 var ibar_login_box = document.querySelector('.ibar_login_box');
 // console.log(liEs);
 liEs[0].onmouseover = function() {
     ibar_login_box.style.display = 'block';
 }
 liEs[0].onmouseout = function() {
         ibar_login_box.style.display = 'none';
     }
     //---------------侧边栏(下面每一项)------------------------
 var onEle = document.querySelectorAll('.ones');
 var mp_tooltip = document.querySelectorAll('.mp_tooltip');
 // console.log(onEle);
 // console.log(mp_tooltip);
 function side() {
     for (var i = 0; i < mp_tooltip.length; i++) {
         mp_tooltip[i].className = 'mp_tooltip';
     }
 };
 for (var j = 0; j < onEle.length; j++) {
     onEle[j].index = j;
     onEle[j].onmouseover = function() {
         side();
         mp_tooltip[this.index].className = 'mp_tooltip ele';
     }
     onEle[j].onmouseout = function() {
         side();
     }
 }
 // ---------------------------侧边栏右侧出现-------------------
 var shopCart = document.querySelector('#shopCart');
 var ibar_closebtn = document.querySelector('.ibar_closebtn');
 var quick_links_wrap = document.querySelector('.quick_links_wrap');
 shopCart.onclick = function() {
     quick_links_wrap.style.width = '320px';
 }
 ibar_closebtn.onclick = function() {
     quick_links_wrap.style.width = '40px';
 }
 $('.returnTop').click(function(e) {
     $("html").animate({
         scrollTop: 0
     }, 1000);
 });
 var mainOffsetTop = $("#brand").offset().top;
 $(window).scroll(function(e) {
     if ($(window).scrollTop() >= mainOffsetTop) {
         $('.returnTop').addClass('show');
     } else {
         $('.returnTop').removeClass('show');
     }
 });
 $(function() {
     $(window).scroll(function() {
         if ($(window).scrollTop() >= 240) {
             $('.returnTop').addClass('show');

         } else {
             $('.returnTop').removeClass('show');
         }
     })
 })